<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title></title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;
			}
			div{
				width: 150px;
				height: 150px;
				background: red;
				margin: 10px 10px;
				float: left;
			}
		</style>
	</head>
	<body>
		<!--若包含的容 太窄， 法容纳 平排 的多个浮动元素，那么最后的浮动盒  会向下移动,但如果浮动元素的 度 同，那当它们向下移动时可能会被卡 住-->
		<div></div>
		<div style="height: 200px;"></div>
		<div></div>
		<div style="height: 200px;></div>
		<div></div>
		<div style="height: 200px;></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
	</body>
</html>
